<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ request.getContextPath()+"/";
%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="<%=basePath %>css/list.css">
		<link href="<%=basePath %>css/H-ui.min.css" rel="stylesheet" type="text/css" />
		<script src="<%=basePath %>js/jquery.min.js"></script>
		<link rel="stylesheet" href="<%=basePath %>lib/icheck/icheck.css">
        <script src="<%=basePath %>lib/My97DatePicker/WdatePicker.js"></script>
        <script src="<%=basePath %>lib/icheck/jquery.icheck.min.js"></script>
		<script src="<%=basePath %>js/H-ui.js"></script>
		<script src="${pageContext.request.contextPath}/lib/bootstrap-modal/2.2.4/bootstrap-modalmanager.js"></script>
        <script src="${pageContext.request.contextPath}/lib/bootstrap-modal/2.2.4/bootstrap-modal.js"></script>
        <style>
        	.input-text, .textarea{
        		width: auto;
        	}
        </style>
        
       
    </head>
    <body>
    	<div class="connect_wrap">
    	
    	<ul id="Huifold1" class="Huifold">
		  <li class="item">
		    <h4>查询条件<b>+</b></h4>
		    <div class="info" style="border: 1px solid #E8EAEA;padding-bottom: 18px;">
		    	<form action="<%=basePath %>goodsOrder/goodsOrderCount" method="get">
		    		<div class="row">
			    		<div style="float: left;">
			    			<div class="input-group">
							   <span class="input-group-addon">订单渠道: </span>
							  <input type="text" class="input-text size-S" name="userSource" placeholder="通过订单渠道模糊查询" value="${orderRelation.userSource}"/>
							  <span class="input-group-addon">时间 : </span> 
							  <input type="text" class="input-text size-S Wdate"  placeholder="开始时间"
									 name="orderBeginTime" value="${orderRelation.orderBeginTime }"
									 onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})">
										- 
							  <input type="text" class="input-text size-S Wdate" placeholder="结束时间"
									 name="orderEndTime" value="${orderRelation.orderEndTime }"
									 onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})">

							</div>
			    		</div>
			    	</div>
			    	<br/><br/>
			    	<div class="row">
			    		<div class="col-sm-12">
 			    			<input type="submit" value="查询" class="btn btn-primary " style="float: right;"/>
			    		</div>
			    	</div>
			    	<br/>
		    	</form>
		    </div>
		  </li>
		</ul>
    	<br/>
    	
    	<table class="table table-border table-bordered table-striped table-hover">
    		<tr style="font-weight: bold;">
    			<td>编号</td>
    			<td>课程总额</td>
    			<td>商品总额</td>
    			<td>销售总额</td>  
    		</tr>
    		<tr >
    			<td>1</td>  
    			<td>${orderRelation.courseAmount}</td>
    			<td>${orderRelation.goodsAmount}</td>
    			<td>${orderRelation.saleAmount }</td>  
    		</tr>
    	</table>
    	<ul style="color:red;">说明：
			 <li style="color:red;">1.统计范围：状态为待收货、待评价、已完成的订单；</li>
			 <li style="color:red;">2.因某些订单通过后台配置，导致系统数据有偏差，统计结果仅供参考；</li>
		</ul>  
    	</div>
    </body>
    
    <script>
    $(function(){
    	$.Huifold("#Huifold1 .item h4","#Huifold1 .item .info","fast",1,"click");
    	
    	$('.orderByRadio').iCheck({
    		checkboxClass: 'icheckbox-blue',
    		radioClass: 'iradio-blue',
    		increaseArea: '20%'
    	});
    	
    	$("#Huifold1 .item h4").click();
    	
    });
    </script>
</html>